﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Dashboard</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link href="~/Content/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <!-- Font Awesome -->
    <link href="~/Content/css/font-awesome.min.css" rel="stylesheet" />
    <!-- Ionicons -->
    <link href="~/Content/css/ionicons.min.css" rel="stylesheet" />
    <link href="~/Content/adminlte/css/AdminLTE.min.css" rel="stylesheet" />
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link href="~/Content/adminlte/css/skins/_all-skins.min.css" rel="stylesheet" />
    <style>
        /* Preloader */
        #preloader {
            position: fixed;
            top:0;
            left:0;
            right:0;
            bottom:0;
            background-color:#fff; /* change if the mask should have another color then white */
            z-index:99; /* makes sure it stays on top */
        }
        #status {
            width:200px;
            height:200px;
            position:absolute;
            left:50%; /* centers the loading animation horizontally one the screen */
            top:50%; /* centers the loading animation vertically one the screen */
            background-image:url(/Content/images/status.gif); /* path to your loading animation */
            background-repeat:no-repeat;
            background-position:center;
            margin:-100px 0 0 -100px; /* is width and height divided by two */
        }
    </style>
    <!-- jQuery 2.2.3 -->
    <script src="~/Content/jquery/dist/jquery.min.js"></script>
    <script src="~/Content/bootstrap/bootstrap.min.js"></script>
    <!-- AdminLTE App -->
    <script src="~/Content/adminlte/js/app.min.js"></script>
    <script src="~/Content/js/extend.js"></script>
    <script src="~/Content/js/util.js"></script>
    <script src="~/Content/js/ApiClient.js"></script>
    @RenderSection("header", required: false)
</head>
<body class="hold-transition skin-blue sidebar-mini">
    <!--loading-->
    <div id="preloader">
        <div id="status"></div>
    </div>

    <div class="wrapper">
        <header class="main-header">
            <!-- Logo -->
            <a href="index2.html" class="logo">
                <!-- mini logo for sidebar mini 50x50 pixels -->
                <span class="logo-mini"><b>A</b>LT</span>
                <!-- logo for regular state and mobile devices -->
                <span class="logo-lg"><b>To </b>KIMO</span>
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top">
                <!-- Sidebar toggle button-->
                <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                </a>
                <div class="navbar-custom-menu">
                    <ul class="nav navbar-nav">
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <img src="~/Content/images/kimo-160x160.jpg" class="user-image" alt="User Image">
                                <span class="hidden-xs" data-name="currentuser">KiMo</span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header">
                                    <img src="~/Content/images/kimo-160x160.jpg" class="img-circle" alt="User Image">
                                    <p>
                                        KiMo - Web Developer
                                        <small>since Sep. 2014</small>
                                    </p>
                                </li>
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">Profile</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="/Account/SignOut" class="btn btn-default btn-flat">Sign out</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <!-- Left side column. contains the logo and sidebar -->
        <aside class="main-sidebar">
            <!-- sidebar: style can be found in sidebar.less -->
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src="~/Content/images/kimo-160x160.jpg" class="img-circle" alt="User Image">
                    </div>
                    <div class="pull-left info">
                        <p data-name="currentuser">KiMo</p>
                        <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
                    </div>
                </div>
                <!-- sidebar menu: : style can be found in sidebar.less -->
                <ul class="sidebar-menu">
                    <li class="header">MAIN NAVIGATION</li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-dashboard"></i> <span>Dashboard</span>
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="/Account/Index"><i class="fa fa-circle-o text-red"></i>Accounts</a></li>
                            <li><a href="/Home/Upload"><i class="fa fa-circle-o text-blue"></i>Upload</a></li>
                            <li><a href="/Article/Index"><i class="fa fa-circle-o text-gray"></i>Article</a></li>
                            <li><a href="/Task/Index"><i class="fa fa-circle-o text-gray"></i>Task</a></li>
                        </ul>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-edit"></i> <span>Forms</span>
                            <span class="pull-right-container">
                                <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="/Home/Admin"><i class="fa fa-circle-o"></i> General Elements</a></li>
                            <li><a href="/Article/Edit"><i class="fa fa-circle-o"></i> Article</a></li>
                            <li><a href="/Home/Editor"><i class="fa fa-circle-o"></i>Editor</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="pages/calendar.html">
                            <i class="fa fa-calendar"></i> <span>Calendar</span>
                            <span class="pull-right-container">
                                <small class="label pull-right bg-red">3</small>
                                <small class="label pull-right bg-blue">17</small>
                            </span>
                        </a>
                    </li>
                </ul>
            </section>
            <!-- /.sidebar -->
        </aside>
        <div class="content-wrapper">
            @RenderBody()
        </div>
        <footer class="main-footer">
            <div class="pull-right hidden-xs">
                <b>Version</b> 1.0.0
            </div>
            <strong>Copyright &copy; 2016-2017 <a href="#">KiMo Studio</a>.</strong> All rights
            reserved.
        </footer>
    </div>
    @RenderSection("footer", required: false)
    <!-- AdminLTE for demo purposes -->
    <script src="~/Content/jquery/jquery.cookie.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#status').delay(300).fadeOut();
            $('#preloader').delay(300).fadeOut('slow');
           
            //菜单选中
            var path = (window.location.pathname || "/").toLowerCase();
            var menus = $("ul.sidebar-menu").find("a[href!='javascript: void(0);']");
            for (var i = 0; i < menus.length; i++) {
                var $menu = $(menus[i]);
                var menuUrls = ($menu.attr("data-menu-url") || "").toLowerCase().split(',');
                menuUrls.push($menu.attr("href").toLowerCase());
                if (menuUrls.indexOf(path) != -1) {
                    $menu.parents("li.treeview").addClass("active");
                    $menu.parent('li').addClass("active");
                    return;
                }
            }
            var user = $.cookie('CurrentUser');
            if (user)
                $('[data-name=currentuser]').html(user);
        })
    </script>
</body>
</html>
